<template>
	<u-overlay :opacity="0.1" :show="systemStore.floatingMenuBarStatus" @click="closeOverlay">
		<!-- view -->
	</u-overlay>
</template>

<script setup>
	import {defineProps} from "vue"
	import {useSystemStore} from "../../stores/system.js"
	const systemStore = useSystemStore()
	defineProps({
		show: {
			type: Boolean,
			default: () => false
		}
	})
	
	function closeOverlay() {
		systemStore.floatingMenuBarStatus = false
	}

</script>
<script>
	export default {
		name:"bubbleBox"
	}
</script>
<style>

</style>